/* 基于axios */
import axios from 'axios'
import JSONbig from 'json-bigint'
import router from '@/router'
import { Message } from 'element-ui'
/*
 JSONbig 会把js安全整数范围的数字转为一种类型为bigNumber数据
 我们在使用的时候把这个bigNumber.toSting() 就能得到我们想要的数据了
*/
const request = axios.create({
  // http://ttapi.research.itcast.cn/  http://api-toutiao-web.itheima.net/
  baseURL: 'http://api-toutiao-web.itheima.net/', // 请求的基础路径

  // `transformResponse` 在传递给 then/catch 前，允许修改响应数据
  transformResponse: [function (data) {
    // 对 data 进行任意转换处理
    // data就是后端返回的原始数据 （未经处理的json格式）

    // 后端返回的数据如果不是一个标准json格式字符串， JSONbig调用会报错  那么就直接返回原始data数据
    try {
      return JSONbig.parse(data)
    } catch (error) {
      // 失败 返回data数据
      // console.log('转换json数据失败', error)
      return data
    }
  }]
})

// 请求拦截器
request.interceptors.request.use(
  // config是当前请求相关的配置信息对象
  function (config) {
    // console.log(config)
    const user = JSON.parse(window.localStorage.getItem('user'))
    // 如果有登录信息，统一设置token
    if (user) {
      config.headers.Authorization = `Bearer ${user.token}`
    }
    // return config之后请求才会真正的发出去了
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)
// 响应拦截器
request.interceptors.response.use(function (response) {
  // 响应成功 所有响应码2xxx
  return response
}, function (error) {
  // 所有超出2xx的响应码
  const { status } = error.response
  console.dir(error)
  // error.response && error.response.status
  if (status === 401) {
    // 清除本地存储中的用户登录状态
    window.localStorage.removeItem('user')
    router.push('/login')
    Message({
      message: '登录状态无效，请重新登录',
      type: 'error'
    })
  }
  return Promise.reject(error)
})
// 导出请求方法
export default request
